@charset "UTF-8";

* {
	padding: 0;
	margin: 0;
	-webkit-user-select: none;
	user-select: none;
	font-family: Arial,"Lucida Grande",Verdana,"Microsoft YaHei",hei;
    font-size: 30rpx;
}

body {
    
}

input[type=text] {
	-webkit-user-select: text;
	user-select: text;
	-webkit-appearance: none;
	outline: 0
}

a, body, div, em, footer, form, h1, h2, h3, h4, h5, h6, header, html, i,
	iframe, label, li, menu, nav, p, section, span, strong, ul {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	word-wrap: break-word
}

li, ol, ul {
	list-style: none
}

.fl {
	float: left
}

.fr {
	float: right
}

.clear {
	clear: both
}

a {
	text-decoration: none;
	border: 0;
	outline: 0;
	-webkit-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
	-webkit-focus-ring-color: transparent;
	focus-ring-color: transparent
}

a:visited {
	color: inherit
}

html {
	font-size: 50px
}

body, html {
	background: #f0f0f0
}

body {
	font-size: 16px;
	color: #333;
	text-align: left;
	margin: 0 auto;
    font-family: -apple-system,Helvetica,'Hiragino Sans GB W3',arial,sans-serif,STHeiti,'Microsoft YaHei';
	-webkit-tap-highlight-color: transparent
}

.ng-cloak, .ng-hide, .x-ng-cloak, [data-ng-cloak], [ng-cloak], [ng\:cloak],
	[x-ng-cloak] {
	display: none !important
}

ng\:form {
	display: block
}

.ng-animate-start {
	clip: rect(0, auto, auto, 0);
	-ms-zoom: 1.0001
}

.ng-animate-active {
	clip: rect(-1px, auto, auto, 0);
	-ms-zoom: 1
}

.txt-cut {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.border-bot, .border-left, .border-right, .border-top {
	position: relative
}

.border-bot:after, .border-top:after {
	left: 0;
	right: 0
}

.border-left:after, .border-right:after {
	top: 0;
	bottom: 0
}

.border-left:after {
	left: 0
}

.border-right:after {
	right: 0
}

.border-bot:after, .border-top:after {
	-webkit-transform: scaleY(0.5);
	-moz-transform: scaleY(0.5);
	-ms-transform: scaleY(0.5);
	-o-transform: scaleY(0.5);
	transform: scaleY(0.5);
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	-o-transform-origin: 100% 0;
	transform-origin: 100% 0;
	content: '';
	position: absolute;
	border-top: 1px solid #ddd;
	box-sizing: border-box;
	width: 100%
}

.border-left:after, .border-right:after {
	-webkit-transform: scaleX(0.5);
	-moz-transform: scaleX(0.5);
	-ms-transform: scaleX(0.5);
	-o-transform: scaleX(0.5);
	transform: scaleX(0.5);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	transform-origin: 0 100%;
	content: '';
	position: absolute;
	border-right: 1px solid #ddd
}

.border-top:after {
	top: 0;
	bottom: auto
}

.border-bot:after {
	bottom: 0;
	top: auto
}

.layout-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	cursor: pointer
}

.layout-box .son-box {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	position: relative
}

.J-router {
	display: block;
	width: 100%;
	height: 133.4rpx;
	position: fixed;
	left: 750rpx;
	top: 0;
	z-index: 101;
	-webkit-transition: .2s all linear;
	transition: .2s all linear;
	background: #f0f0f0
}

.J-router-show {
	left: 0 !important
}

.five-line, .one-line, .three-line, .two-line {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical
}

.five-line p, .one-line p, .three-line p, .two-line p {
	display: inline
}

.three-line {
	-webkit-line-clamp: 3
}

.two-line {
	-webkit-line-clamp: 2
}

.one-line {
	-webkit-line-clamp: 1
}

.five-line.auto, .three-line.auto {
	-webkit-line-clamp: 1000
}

.hide {
	display: none !important
}

.clearfix:after, .clearfix:before {
	display: block;
	content: ""
}

.clearfix:after {
	clear: both
}

.clearfix {
	zoom: 1
}

input {
	white-space: nowrap;
	-moz-user-select: text;
	-webkit-user-select: text;
	-ms-user-select: text;
	user-select: text
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset
}

button, input, select, textarea {
	outline: 0
}

.loading {
	position: fixed;
	z-index: 105;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .8);
	-webkit-transition: .3s all ease;
	transition: .3s all ease
}

.endloading-opacity-0 {
	z-index: -1;
	opacity: 0
}

.loading-return-btn {
	display: block;
	width: 62rpx;
	height: 62rpx;
	position: absolute;
	top: 15rpx;
	background: url(~@/components/cruise/images/back_ico.png) no-repeat;
	background-size: 100% auto;
	left: 19rpx;
}

.loading .loader {
	position: relative;
	width: 300px;
	height: 115px;
	top: 50%;
	left: 50%;
	margin: -52px 0 0 -150px;
	background: url(~@/components/cruise/images/loading.gif) no-repeat center;
	background-size: 50px auto
}

.loading .loader p {
	font-size: 28rpx;
	color: #666;
	text-align: center;
	padding-top: 96px
}

.common-pop {
	position: fixed;
	top: 70%;
	left: 50%;
	z-index: 99999;
	margin: -50rpx 0 0 -280rpx;
	width: 500rpx;
	padding: 20rpx 30rpx;
	font-size: 32rpx;
	line-height: 36rpx;
	text-align: center;
	border-radius: 20rpx;
	-webkit-border-radius: 20rpx;
	background: rgba(0, 0, 0, .5);
	color: #FFF;
}

body .uzai-down-pop {
	position: relative;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 750rpx;
	height: 120rpx;
}

body .sale-content .main {
	padding-top: 225rpx;
}

body .uzai-down-pop .con {
	width: 750rpx;
	height: 120rpx;
	background: no-repeat;
	background-size: 100% auto;
	position: static;
	margin: 0;
	padding: 0;
}

body .sale-content .banner {
	height: 225rpx;
	overflow: hidden;
	width: 100%;
	position: absolute
}

body .sale-content {
	margin-top: 88rpx;
}

body .detail .top120 {
	top: 120rpx;
}

body .mt88 {
	margin-top: 88rpx;
}

body .content .top120 {
	top: 120rpx;
}

body .sale-content .head-top {
	display: none;
}

body .uzai-shelves-header .top120 {
	top: 120rpx;
}

.uzai-down-pop .con a {
	height: 60rpx;
	width: 306rpx;
	line-height: 58rpx;
	text-align: center;
	display: block;
	margin-bottom: 20rpx;
	color: #7b6c5a;
	font-size: 0
}

.uzai-down-pop .con .mc-dec1 {
	position: absolute;
	color: #fff;
	left: 190rpx;
	top: 16.5rpx;
	text-align: left;
	font-size: 32rpx;
}

.uzai-down-pop .con .mc-dec2 {
	position: absolute;
	color: #fff;
	left: 190rpx;
	top: 60rpx;
	font-size: 24rpx;
	text-align: left
}

.uzai-down-pop .con .down-btn {
	width: 200rpx;
	height: 80rpx;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 20rpx;
	right: 28rpx
}

.uzai-down-pop a.top-btn {
	width: 60rpx;
	height: 60rpx;
	background-image: url(~@/components/cruise/images/mcclose.png);
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background-size: 100%
}

.cal-mask {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 101;
	background: rgba(0, 0, 0, .8);
	top: 0
}

.payment-common-pop {
	width: 95%;
	position: fixed;
	left: 2.5%;
	top: 25%;
	z-index: 101
}

.payment-common-pop .container {
	background: #fff;
	padding-top: 120rpx;
	-webkit-border-radius: 6px;
	border-radius: 6px
}

.payment-common-pop .container .title {
	position: absolute;
	left: 50%;
	top: -65rpx;
	width: 130rpx;
	height: 130rpx;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	margin-left: -65rpx;
	text-align: center;
	background: -webkit-linear-gradient(30deg, #ff1a62, #ff745a);
	background: -o-linear-gradient(30deg, #ff1a62, #ff745a);
	background: linear-gradient(30deg, #ff1a62, #ff745a);
	box-shadow: 0 6px 5px -3px rgba(127, 255, 170, .6);
	-webkit-box-shadow: 0 6px 5px -3px rgba(127, 255, 170, .6)
}

.payment-common-pop .container .title .iconfont {
	font-size: 88rpx;
	color: #fff;
	line-height: 130rpx;
}

.payment-common-pop .container .title .icon-cost {
	font-size: 100rpx;
}

.payment-common-pop .container h4 {
	text-align: center;
	font-weight: 400;
	margin-bottom: 25rpx;
	font-size: 36rpx;
	color: #666
}

.payment-common-pop .container .tips {
	color: #969799;
	font-size: 28rpx;
	width: 90%;
	line-height: 36rpx;
	margin: 0 auto;
	padding-bottom: 60rpx;
}

.payment-common-pop .container .tips .price-tit {
	border: 1px dotted #ddd;
	border-radius: 10rpx;
	margin-bottom: 25rpx;
	font-size: 28rpx;
	padding: 15rpx 30rpx;
	text-indent: 0;
	color: #666
}

.payment-common-pop .container .tips .price-tit .red {
	color: #ff485e
}

.payment-common-pop .container .tips .cen {
	text-align: center;
	text-indent: 0
}

.payment-common-pop .container .tips .gray {
	font-size: 26rpx;
	color: #999;
	padding-bottom: 1rpx;
}

.payment-common-pop .container .tips .btn {
	width: 80%;
	display: block;
	margin: 30rpx auto;
	font-size: 30rpx;
	line-height: 78rpx;
	position: relative
}

.payment-common-pop .container .tips .btn:after {
	content: '';
	position: absolute;
	width: 200%;
	height: 200%;
	border: 1px solid #7aedc9;
	border-radius: 78rpx;
	-webkit-border-radius: 78rpx;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(0.5, .5);
	-ms-transform: scale(0.5, .5);
	-o-transform: scale(0.5, .5);
	transform: scale(0.5, .5);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	top: -1px;
	left: 0
}

.payment-common-pop .container .bottom {
	margin: 0 20rpx;
	padding: 25rpx 0;
	line-height: 60rpx;
	font-size: 36rpx;
	text-align: center
}

.payment-common-pop .container .bottom .cancel-btn {
	color: #999
}

.payment-common-pop .container .bottom .ok-btn {
	color: #ff485e
}

.payment-common-pop .icon-guanbi {
	color: #C1C1C1;
	font-size: 80rpx;
	text-align: center;
	margin: 20rpx auto 0;
	width: 80rpx;
	display: block
}

.white-topbar {
	height: 88rpx;
	line-height: 88rpx;
	background: #fff;
	position: fixed;
	z-index: 10;
	top: 0;
	width: 100%;
	color: #000
}

.white-topbar .con {
	width: 100%;
	height: 100%;
	position: relative
}

.white-topbar .back {
	padding-left: 20rpx;
	display: inline-block;
	height: 88rpx
}

.white-topbar .fr {
	height: 88rpx
}

.white-topbar .fr>a {
	display: inline-block;
	float: left;
	margin-right: 20rpx
}

.white-topbar .title {
	padding: 0 180rpx;
	text-align: center
}

.white-topbar .title h1 {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	font-size: 36rpx;
	color: #666
}

.detail .white-topbar .font-ico {
	margin-top: 15rpx;
	width: 58rpx;
	height: 58rpx;
	background: rgba(0, 0, 0, .5);
	border-radius: 50%;
	display: inline-block
}

.white-topbar .more-list {
	background: -webkit-linear-gradient(30deg, rgba(17, 153, 142, .8), rgba(56, 239, 125, .8));
	background: -o-linear-gradient(30deg, rgba(17, 153, 142, .8), rgba(56, 239, 125, .8));
	background: linear-gradient(30deg, rgba(17, 153, 142, .8), rgba(56, 239, 125, .8));
	width: 225rpx;
	position: absolute;
	right: 20rpx;
	top: 100rpx;
	color: #fff;
	font-size: 28rpx;
	line-height: 65rpx;
	border-radius: 10rpx;
	padding: 25rpx 0;
	z-index: 9;
	text-align: center
}

.white-topbar .more-list a {
	display: block
}

.white-topbar .more-list .iconfont {
	margin-right: 5rpx;
	color: #fff;
	background: 0 0;
	font-size: 40rpx;
	position: relative;
	top: -2rpx;
}

.white-topbar .more-list:before {
	position: absolute;
	top: -6px;
	right: 20rpx;
	content: '';
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 6px solid #2ba9a0;
}

footer {
	background: #fff;
	height: 100rpx;
	display: block;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 10
}

footer a {
	display: inline-block;
	font-size: 26rpx;
	color: #666;
	line-height: 40rpx;
	text-align: center;
	padding: 0 25rpx;
	float: left
}

footer a span {
	display: block;
	position: relative;
	top: -10rpx
}

footer .collection {
	float: left
}

footer .phone {
	background: (~@/components/cruise/images/single-hr.jpg) no-repeat left center;
	background-size: auto 23rpx
}

footer .iconfont {
	font-size: 50rpx;
	line-height: 60rpx;
	display: inline-block;
	margin-top: 10rpx;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#0f544f), to(#11998e));
	color: transparent;
	-webkit-background-clip: text;
	text-shadow: 1px 2px 6px rgba(127, 255, 170, .6);
	-webkit-text-shadow: 1px 2px 6px rgba(127, 255, 170, .6)
}

footer .icon-collection {
	color: #DDD;
	background: 0 0;
	text-shadow: none
}

footer .icon-collection.on, footer .icon-phone {
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#0f544f), to(#11998e));
	color: transparent;
	-webkit-background-clip: text;
	text-shadow: 1px 2px 6px rgba(127, 255, 170, .6);
	-webkit-text-shadow: 1px 2px 6px rgba(127, 255, 170, .6);
	font-size: 40rpx;
}

footer .reservation-btn {
	font-size: 32rpx;
	background: -webkit-linear-gradient(30deg, #11998e, #38ef7d);
	background: -o-linear-gradient(30deg, #11998e, #38ef7d);
	background: linear-gradient(30deg, #11998e, #38ef7d);
	box-shadow: 0 6px 5px -3px rgba(127, 255, 170, .6);
	-webkit-box-shadow: 0 6px 5px -3px rgba(127, 255, 170, .6);
	color: #fff;
	border-radius: 10rpx;
	float: right;
	margin: 7rpx 20rpx 0 0;
	width: 260rpx;
	padding: 0;
	text-align: center;
	line-height: 84rpx;
}

footer .reservation-btn.disable {
	background: #ccc;
	box-shadow: none
}

.main .scroll-head section.com-box {
    border-radius: 18rpx;
    padding: 18rpx 18rpx;
    background: #fff;
}

.list-con a.com-box {
    padding: 10rpx 0;
	color: #666;
    text-align: center;
}

.main .com-box .list-con .con-number{
    font-size: 30rpx;
    padding: 5rpx 8rpx;
    border: 1px #e89382 solid;
    color: #fc7404;
    border-radius: 8rpx;
    width: 120rpx;
}

.main .com-box .list-con .con-sub{
    font-size: 30rpx;
    padding: 5rpx 8rpx;
    border: 1px #e89382 solid;
    color: #fc7404;
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 32rpx;
    line-height: 32rpx;
    border-radius: 8rpx;
}

.main .trip section.wrap-box {
}

.main .trip section.wrap-box .com-box{
    border-radius: 18rpx;
    background: #fff;
    padding-bottom: 18rpx ;
    margin-bottom: 12rpx ;
}

.comment .icon-comment, .list-con .icon-buyinfo, .list-con .icon-cost,
	.list-con .icon-ownpay, .trip-info .icon-trip {
	font-size: 60rpx;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#0f544f), to(#11998e));
	color: transparent;
	-webkit-background-clip: text;
	margin-right: 8rpx;
}

.iconfont {
	font-size: 24rpx;
	color: #999;
	vertical-align: middle;
	display: inline
}

.swiper-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.swiper-slide {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center
}

.detail {
	width: 100%;
	overflow-x: hidden
}

.detail .head-bg {
	width: 100%;
	overflow: hidden;
	background: #fff;
}

.detail .head-bg ul {
	width: 10000%
}

.detail .head-bg li {
	height: 405rpx;
}

.detail .head-bg img {
	width: 100%;
	height: 100%
}

.detail .main {
	margin: 0 18rpx;
	margin-top: 18rpx;
	position: relative;
	top: 0rpx;
	padding-bottom: 18rpx
}

.detail .red-bg {
	z-index: 0;
	width: 100%;
	min-height: 12rpx;
	border-radius: 12rpx 12rpx 0 0;
	background: #fff
}

.detail .red-triangle {
	position: relative
}

.detail .red-triangle:before {
	position: absolute;
	top: -1px;
	left: 50%;
	content: '';
	width: 0;
	height: 0;
	margin-left: -16rpx;
	border-left: 16rpx solid transparent;
	border-right: 16rpx solid transparent;
	border-top: 15rpx solid #2ba9a0;
	z-index: 2
}

.detail .detail-type.red-triangle:before {
	top: 28rpx;
}

.detail .detail-type .title {
	display: inline-block;
	text-align: center;
}

.detail .detail-type .title span {
	display: inline-block;
	line-height: 70rpx;
	color: #fff;
	font-size: 28rpx;
	padding: 0 4rpx;
	border-radius: 35rpx;
	background: #00d370;
}

.detail .detail-type .number {
	text-align: center;
	margin-top: -5rpx;
	padding-bottom: 20rpx;
	color: #bbb;
	font-size: 24rpx;
}

.detail .detail-type .off-shelf {
	font-size: 30rpx;
	color: #999;
	padding: 30rpx 0 20rpx;
}

.detail .detail-type .con-text {
	color: rgb(15, 19, 26);
	font-size: 36rpx;
	font-weight: 700;
    background: #fff;
    letter-spacing: 2rpx;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 40rpx;
    max-height: 120rpx;
    min-height: 40rpx;
    margin-bottom: 8rpx;
}

.detail .detail-type .price-bot {
	padding: 35rpx 0 25rpx;
	font-size: 24rpx;
	overflow: hidden
}

.detail .detail-type .price-bot .fr {
	color: #999;
	font-size: 26rpx;
	position: relative;
	top: 5rpx
}

.detail .detail-type .price {
	color: #ff485e
}

.detail .detail-type .gray-under {
	text-decoration: line-through;
	font-size: 26rpx;
	color: #DDD;
	display: none !important
}

.detail .detail-type .question-btn {
	padding: 0 10rpx;
	display: none !important
}

.detail .detail-type .icon-question {
	background: #f7f7f7;
	width: 44rpx;
	height: 44rpx;
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
	position: relative;
	top: -8rpx;
	text-align: center;
	line-height: 48rpx;
	color: #d6d6d6
}

.detail .detail-type .price-bot .big {
	font-size: 38rpx;
}

.detail .detail-type .price-bot em {
	color: #666;
	font-size: 24rpx;
	position: relative;
	top: -3rpx;
	padding: 0 10rpx;
}

.detail .detail-type .pub-tit em {
	color: #ff485e;
	display: inline-block;
	padding-right: 25rpx
}

.detail .detail-type .discount-info {
	font-size: 28rpx;
	color: #999;
	margin-top: 30rpx;
	display: block
}

.detail .detail-type .discount-info .one-line {
	margin-bottom: 12rpx;
	line-height: 40rpx;
	height: 42rpx;
	padding-bottom: 1rpx;
}

.detail .detail-type .discount-info .btn {
	font-size: 24rpx;
	color: #37b1bf;
	height: 40rpx;
	padding: 0 10rpx;
	display: inline-block;
	border-radius: 19rpx;
	border: 1px solid #79e2c1;
	margin: 0 20rpx 0 10rpx;
	box-sizing: border-box;
	width: 150rpx;
	text-align: center;
	overflow: hidden;
	vertical-align: middle
}

.detail .detail-type .icon-flag {
	font-size: 30rpx;
	color: #fff
}

.detail .detail-type .icon-discount-m {
	font-size: 40rpx;
	margin-right: 15rpx;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#0f544f), to(#11998e));
	color: transparent;
	-webkit-background-clip: text;
	text-shadow: 1px 2px 6px rgba(127, 255, 170, .6);
	-webkit-text-shadow: 1px 2px 6px rgba(127, 255, 170, .6)
}

.detail .com-hr {
	position: relative;
	height: 25rpx;
	width: 100%;
	background: (~@/components/cruise/images/com-hr-bg.jpg) repeat-x center;
	background-size: 27rpx  16rpx
}

.detail .com-hr .l, .detail .com-hr .r {
	position: absolute;
	top: 0;
	width: 13rpx;
	height: 25rpx;
	display: inline-block
}

.detail .com-hr .l {
	left: -32rpx;
	background: (~@/components/cruise/images/com-hr-l.jpg) no-repeat;
	background-size: auto 100%
}

.detail .com-hr .r {
	right: -32rpx;
	background: (~@/components/cruise/images/com-hr-r.jpg) no-repeat;
	background-size: auto 100%
}

.detail .pub-tit {
	font-size: 28rpx;
	color: #666;
	padding: 36rpx 0;
	line-height: 25rpx;
	display: block
}

.detail .pub-tit:after {
	left: 4%;
	width: 92%
}

.detail .com-tit .red {
	color: orangered;
	margin-left: 5px;
}

.detail .right-btn {
	float: right
}

.detail .icon-right {
	color: #d2d2d2
}

.detail .tips {
	font-size: 24rpx;
	color: #999
}

.detail .com-tit {
	position: relative;
	z-index: 1;
	text-align: center;
	padding: 10rpx 0 0 0;
	line-height: 42rpx;
	font-size: 29rpx;
	color: #666;
	display: block;
	font-weight: bold;
}

.detail .dataprice {
    padding: 20rpx 0;
}

.detail .com-tit .right-btn {
	position: absolute;
	right: 18rpx
}

.detail .com-tit .icon-calendar {
	font-size: 45rpx;
	margin-right: 20rpx
}

.detail .icon-calendar {
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#0f544f), to(#11998e));
	color: transparent;
	-webkit-background-clip: text;
	text-shadow: 1px 2px 6px rgba(127, 255, 170, .6);
	-webkit-text-shadow: 1px 2px 6px rgba(127, 255, 170, .6)
}

.detail .round-ico {
	width: 20px;
	height: 20px;/**
	background: (~@/components/cruise/images/round-ico.png) no-repeat;*/
	background-size: 20px auto;
	position: absolute;
	bottom: -11px;
	left: 50%;
	margin-left: -10px
}

.detail .schedule {
	margin-top: 20rpx;
	margin-bottom: 20rpx;
}

.detail .schedule li {
	display: inline-block;
	margin-right: 20rpx
}

.detail .schedule .c-box {
	width: 150rpx;
	background: (~@/components/cruise/images/schedule-bg.jpg) no-repeat;
	background-size: 100% auto;
	text-align: center;
	font-size: 26rpx;
	display: block
}

.detail .schedule .tit {
	color: #fff;
	font-size: 24rpx;
	line-height: 85rpx;
}

.detail .schedule .con {
	color: #666;
	font-size: 24rpx;
	line-height: 24rpx;
}

.detail .schedule span {
	display: block
}

.detail .schedule .bot {
	font-size: 24rpx;
	color: silver;
	text-align: center;
	margin-top: 25rpx;
}

.detail .trip .red-bg .box {
	margin: 0 30rpx;
	overflow: hidden
}

.detail .trip .red-bg .red-bg-ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 120rpx;
	overflow: hidden;
	overflow-x: auto;
	-webkit-overflow-scrolling-x: touch
}

.detail .trip .red-bg .red-bg-ul::-webkit-scrollbar {
	display: none
}

.detail .trip .red-bg .red-bg-li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	white-space: nowrap;
	padding-top: 36rpx;
	height: 68rpx;
	margin: 0 10rpx;
	min-width: 150rpx
}

.detail .trip .red-bg .red-bg-span {
	color: #999;
	font-size: 26rpx;
	height: 68rpx;
	line-height: 68rpx;
	white-space: nowrap;
	min-width: 150rpx;
	text-align: center;
	border-radius: 34rpx;
	-webkit-border-radius: 34rpx;
	background: #f7f7f7;
	display: block
}

.detail .trip .red-bg .on .red-bg-span {
	color: #fff;
	background: -webkit-linear-gradient(30deg, #11998e, #38ef7d);
	background: -o-linear-gradient(30deg, #11998e, #38ef7d);
	background: linear-gradient(30deg, #11998e, #38ef7d);
	box-shadow: 0 6px 5px -3px rgba(127, 255, 170, .6);
	-webkit-box-shadow: 0 6px 5px -3px rgba(127, 255, 170, .6)
}

.detail .trip .com-box {
	padding: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.detail .trip .list-con .com-box:before {
	display: none
}

.detail .trip .list-con .icon-right {
	font-size: 24rpx;
	color: #d2d2d2;
	margin: 0;
	background: 0 0
}

.detail .trip .list-con .iconfont {
	margin-left: 0
}

.detail .trip .days-info {
	padding: 0
}

.detail .trip .days-info .box {
	font-size: 26rpx;
	color: #999;
	line-height: 40rpx;
	padding-top: 18rpx;
	margin: 10rpx 0 20rpx 50rpx;
	overflow: hidden
}

.detail .trip .days-info .box em, .detail .trip .days-info .box p,
	.detail .trip .days-info .box span {
	color: #999 !important
}

.detail .trip .days-info .com-box .top {
	color: #666;
	font-size: 26rpx;
	background: (~@/components/cruise/images/trip-bg.png) no-repeat top right #f7f7f7;
	background-size: 100rpx auto;
	min-height: 90rpx;
	padding: 25rpx 30rpx 15rpx;
	line-height: 38rpx;
	border-radius: 10rpx 10rpx 0 0
}

.detail .trip .days-info .com-box .top .box {
	display: block;
	height: 80rpx;
	overflow: hidden
}

.detail .trip .days-info .com-box .top .box.auto {
	height: auto
}

.detail .trip .days-info .com-box .top .more-btn {
	position: relative;
	top: 10rpx
}

.detail .trip .days-info .com-box .top .more-btn .iconfont {
	color: #bbb;
	background: 0 0
}

.detail .trip .days-info .com-box .bot {
	font-size: 26rpx;
	color: #999;
	padding: 25rpx 30rpx;
	line-height: 34rpx
}

.detail .trip .highlights-info {
	font-size: 28rpx;
	color: #999;
	padding: 25rpx;
	line-height: 45rpx
}

.detail .trip .highlights-info p, .detail .trip .highlights-info span {
	color: #999 !important
}

.detail .trip .highlights-info img {
	width: 100%;
	border-radius: 10rpx;
	margin-top: 20rpx
}

.detail .trip .highlights-info .part {
	border: 0;
	padding: 0;
	margin: 0
}

.detail .trip .trip-ls-tit {
	overflow: hidden;
	padding-bottom: 20rpx
}

.detail .trip .trip-ls-tit span {
	font-size: 28rpx;
	color: #999;
	background: #f7f7f7;
	height: 55rpx;
	line-height: 55rpx;
	padding: 0 15rpx 0 15rpx;
	display: inline-block;
	border-radius: 28rpx;
}

.detail .trip .trip-ls-tit span .iconfont {
	background: #00d370;
	color: transparent;
	-webkit-background-clip: text;
	text-shadow: 1px 2px 6px rgba(127, 255, 170, .6);
	-webkit-text-shadow: 1px 2px 6px rgba(127, 255, 170, .6)
}

.detail .trip .trip-ls-tit span i {
	padding: 0 5rpx 0 0;
	font-size: 45rpx;
	position: relative;
    top: -5.5rpx;
    left: -14rpx;
}

.detail .trip .trip-ls-tit i {
	padding-top: 17rpx;
	color: #d2d2d2
}

.detail .trip .trip-ls-tit .iconfont {
	margin: 0 8rpx
}

.detail .trip .trip-ls {
	color: #666;
	font-size: 30rpx;
	line-height: 45rpx;
}

.detail .trip .trip-ls li {
	padding-left: 55rpx;
	position: relative
}

.detail .trip .trip-ls em {
	position: absolute;
	top: 0;
	left: 0
}

.detail .trip .trip-ls i {
	width: .6rpx;
	height: .6rpx;
	display: inline-block;
	border-radius: 50%;
	background: #11998e;
	vertical-align: middle;
	margin-right: 10rpx;
	position: relative;
	top: -4rpx;
}

.detail .trip .trip-ls.border-top {
	padding: .40rpx 0 20rpx
}

.detail .trip .trip-ls.none li {
	padding-left: 20rpx
}

.detail .trip .description-info, .detail .trip .notice-info {
	padding: 10rpx
}

.detail .trip .margin-hr {
	margin-top: 20rpx;
	padding-top: 20rpx
}

.detail .trip .day-tit {
	color: #11998e;
	font-size: 28rpx;
	position: relative;
	left: -74rpx
}

.detail .trip .day-tit .icon-calendar {
	color: #fff;
	text-align: center;
	line-height: 50rpx;
	margin-right: 15rpx;
	width: 48rpx;
	height: 48rpx;
	font-size: 28rpx;
	display: inline-block;
	background: -webkit-linear-gradient(30deg, #11998e, #38ef7d);
	background: -o-linear-gradient(30deg, #11998e, #38ef7d);
	background: linear-gradient(30deg, #11998e, #38ef7d);
	box-shadow: 0 6px 5px -3px rgba(127, 255, 170, .6);
	-webkit-box-shadow: 0 6px 5px -3px rgba(127, 255, 170, .6);
	border-radius: 50%
}

.detail .trip .day-tit .fr {
	position: relative;
	right: -60rpx;
	color: #11998e
}

.detail .trip .day-tit .fr span {
	display: inline-block;
	padding-bottom: 2rpx;
	border-bottom: 1px solid #ffdbde
}

.detail .trip .img-list {
	padding: 10rpx 0 45rpx;
	overflow: hidden
}

.detail .trip .img-list ul {
	width: 1000%
}

.detail .trip .img-list ul li {
	float: left;
	position: relative
}

.detail .trip .img-list ul li img {
	width: 495rpx;
	height: 280rpx;
	border-radius: 10rpx
}

.detail .trip .img-list ul li p {
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	top: 135rpx;
	font-size: 28rpx;
	color: #fff
}

.detail .trip .text {
	font-size: 28rpx;
	color: #666;
	line-height: 45rpx;
	padding-top: 22rpx;
}

.detail .trip .iconfont {
	font-size: 30rpx;
	background: #00d370;
	color: transparent;
	-webkit-background-clip: text;
	-webkit-text-shadow: 1px 2px 6px rgba(127, 255, 170, .6);
	margin: 0;
}

.detail .trip .tit {
	margin-top: 20rpx;
	text-align: center
}

.detail .trip .tit em {
	display: inline-block
}

.detail .trip .tit span {
	font-size: 28rpx;
	color: #666;
	background: #f7f7f7;
	line-height: 56rpx;
	padding: 0 40rpx;
	border-radius: 28rpx;
	display: inline-block;
	text-align: left
}

.detail .trip .part {
	margin-left: 24rpx;
	padding: 0 0 32rpx 30rpx;
	border-left: 1px dotted #ddd
}

.detail .trip .part:last-child {
	border: 0
}

.detail .trip .list {
	padding: 30rpx 0 10rpx
}

.detail .tit-ls {
	margin: 0 30rpx;
	line-height: 104rpx;
}

.detail .tit-ls .tit {
	font-size: 28rpx;
	color: #666;
	display: block;
	margin-top: 0
}

.detail .tit-ls .son-box {
	text-align: center;
	position: relative
}

.detail .tit-ls .on i {
	position: absolute;
	bottom: 1px;
	left: 50%;
	margin-left: -78rpx;
	height: 5rpx;
	width: 156rpx;
	background: -webkit-linear-gradient(30deg, #11998e, #38ef7d);
	background: -o-linear-gradient(30deg, #11998e, #38ef7d);
	background: linear-gradient(30deg, #11998e, #38ef7d);
	box-shadow: 0 6px 5px -3px rgba(127, 255, 170, .6);
	-webkit-box-shadow: 0 6px 5px -3px rgba(127, 255, 170, .6)
}

.detail .white-topbar .con .iconfont {
	width: 60rpx;
	height: 60rpx;
	display: inline-block;
	line-height: 60rpx;
	font-size: 60rpx;
	background: rgba(0, 0, 0, .5);
	border-radius: 50%;
	color: #fff;
	margin-top: 13rpx;
}

.detail .trip-info {
	color: #fff;
	text-align: center;
	background: -webkit-linear-gradient(30deg, #11998e, #38ef7d);
	background: -o-linear-gradient(30deg, #11998e, #38ef7d);
	background: linear-gradient(30deg, #11998e, #38ef7d);
	box-shadow: 0 6px 5px -3px rgba(127, 255, 170, .6);
	-webkit-box-shadow: 0 6px 5px -3px rgba(127, 255, 170, .6);
	font-size: 26rpx;
	display: block;
	width: 300rpx;
	line-height: 70rpx;
	border-radius: 35rpx;
	margin: 30rpx auto
}

.detail .trip-info .iconfont {
	font-size: 35rpx;
	color: #fff;
	margin-right: 8rpx
}

.detail .trip-info .icon-right {
	font-size: 20rpx;
	margin-left: 20rpx;
	line-height: 30rpx;
	display: inline-block
}

.detail .comment {
	padding: 0;
	margin-bottom: 100rpx;
}

.detail .comment .icon-comment {
	font-size: 60rpx;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#0f544f), to(#11998e));
	color: transparent;
	-webkit-background-clip: text;
	text-shadow: 1px 2px 6px rgba(127, 255, 170, .6);
	-webkit-text-shadow: 1px 2px 6px rgba(127, 255, 170, .6);
	margin-right: 8rpx
}

.detail .comment .pub-tit {
	padding: 36rpx 30rpx 36rpx 25rpx
}

.detail .comment .right-btn {
	font-size: 26rpx;
	color: #999
}

.detail .comment .right-btn .icon-right {
	margin-left: 15rpx
}

.detail .comment .box {
	background: #f0f0f0
}

.detail .comment .part {
	padding: 30rpx 30rpx 40rpx;
	background: #fff;
	margin-bottom: 20rpx;
}

.detail .comment .head {
	margin-bottom: 20rpx;
}

.detail .comment .head .img {
	display: inline-block;
	float: left;
	margin-right: 15rpx;
}

.detail .comment .head .img img {
	height: 88rpx;
	width: 88rpx;
	display: block;
	border-radius: 50%;
	border: 1px solid #e2e2e2;
	box-sizing: border-box;
	float: left;
}

.detail .comment .head .img i {
	background: -webkit-linear-gradient(30deg, #11998e, #38ef7d);
	background: -o-linear-gradient(30deg, #11998e, #38ef7d);
	background: linear-gradient(30deg, #11998e, #38ef7d);
	box-shadow: 0 6px 5px -3px rgba(127, 255, 170, .6);
	-webkit-box-shadow: 0 6px 5px -3px rgba(127, 255, 170, .6);
	padding: 0 12rpx 2rpx 16rpx;
	min-height: 24rpx;
	display: inline-block;
	font-size: 24rpx;
	color: #fff;
	border-radius: 18rpx;
	margin-left: -35rpx;
	margin-top: 58rpx;
}

.detail .comment .head .info span {
	display: block;
	font-size: 24rpx;
	color: #999
}

.detail .comment .head .info span:first-child {
	color: #666;
	font-size: 30rpx;
	padding: 10rpx 0 12rpx
}

.detail .comment .head .info .icon-time {
	margin-right: 5rpx
}

.detail .comment .head .right {
	font-size: 24rpx;
	color: #999;
	border: 1px solid #f7f7f7;
	height: 54rpx;
	border-radius: 27rpx;
	line-height: 54rpx;
	text-align: center
}

.detail .comment .head .right .iconfont {
	background: #f7f7f7;
	margin-right: 10rpx;
	width: 54rpx;
	height: 54rpx;
	display: inline-block;
	border-radius: 50%;
	vertical-align: top;
	font-size: 36rpx;
	color: #CCC;
	position: relative;
	left: -1px
}

.detail .comment .head .right .iconfont:before {
	position: relative;
	left: 0;
	top: 1px
}

.detail .comment .head .right .num {
	color: #11998e;
	margin: 0 16rpx;
}

.detail .comment .text {
	color: #666;
	font-size: 28rpx;
	line-height: 42rpx;
	margin-bottom: 25rpx
}

.detail .comment .img-ls {
	overflow: hidden
}

.detail .comment .img-ls img {
	width: 220rpx;
	height: 220rpx;
	display: block;
	box-sizing: border-box
}

.detail .comment .bot {
	margin-top: 15rpx;
}

.detail .comment .bot .btn {
	background: #f7f7f7;
	color: #999;
	font-size: 24rpx;
	margin-right: 10rpx;
	padding: 0 20rpx;
	height: 44rpx;
	line-height: 44rpx;
	display: inline-block;
	border-radius: 22rpx;
	margin-top: 15rpx
}

.detail .comment .bot .icon-praise {
	font-size: 30rpx;
	margin-right: 20rpx
}

.detail .recommend {
	padding-top: 35rpx
}

.detail .recommend .box {
	overflow: hidden
}

.detail .recommend .box p {
	font-size: 28rpx;
	color: #999;
	line-height: 40rpx;
	text-indent: 28rpx;
}

.detail .recommend .box img {
	width: 100%;
	margin-top: 15rpx;
}

.detail .recommend .box.auto {
	height: auto
}

.detail .recommend .more-btn {
	padding-top: 20rpx
}

.detail .more-btn {
	display: block;
	text-align: center
}

.detail .more-btn .iconfont {
	font-size: 30rpx;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#0f544f), to(#11998e));
	color: transparent;
	-webkit-background-clip: text;
	text-shadow: 1px 2px 6px rgba(127, 255, 170, .6);
	-webkit-text-shadow: 1px 2px 6px rgba(127, 255, 170, .6)
}

.detail .periphery .part {
	padding-bottom: 20rpx
}

.detail .periphery .part .icon-bottom, .detail .periphery .part .icon-hotel,
	.detail .periphery .part .icon-meal, .detail .periphery .part .icon-shopping,
	.detail .periphery .part .icon-timeon, .detail .periphery .part .icon-top
	{
	font-size: 4rpx;
	margin-right: 5rpx;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#0f544f), to(#11998e));
	color: transparent;
	-webkit-background-clip: text;
	text-shadow: 1px 2px 6px rgba(127, 255, 170, .6);
	-webkit-text-shadow: 1px 2px 6px rgba(127, 255, 170, .6)
}

.detail .periphery .part .icon-bottom, .detail .periphery .part .icon-top
	{
	font-size: 30rpx
}

.detail .periphery .part .icon-hotel, .detail .periphery .part .icon-meal,
	.detail .periphery .part .icon-timeon {
	position: absolute;
	left: -12rpx
}

.detail .periphery .part .text {
	position: relative;
	padding: 0 0 10rpx 50rpx
}

.detail .periphery .part .text span {
	display: inline-block;
	margin-right: 45rpx;
}

.detail .periphery .part .text em {
	color: #666
}

.detail .periphery .part .tit {
	margin-bottom: 25rpx
}

.detail .periphery .part .more-btn {
	position: relative;
	left: -30rpx;
}

.detail .periphery .bus-info {
	margin-top: 30rpx;
	font-size: 28rpx;
	color: #999;
	padding: 50rpx 30rpx 30rpx;
	line-height: 48rpx;
	background: #f7f7f7;
	position: relative;
	border-radius: 10rpx
}

.detail .periphery .bus-info .icon-bus {
	position: absolute;
	top: -40rpx;
	left: 50%;
	margin-left: -40rpx;
	font-size: 60rpx;
	color: #fff;
	width: 78rpx;
	height: 78rpx;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	line-height: 80rpx;
	background: -webkit-linear-gradient(30deg, #11998e, #38ef7d);
	background: -o-linear-gradient(30deg, #11998e, #38ef7d);
	background: linear-gradient(30deg, #11998e, #38ef7d);
	box-shadow: 0 6px 5px -3px rgba(127, 255, 170, .6);
	-webkit-box-shadow: 0 6px 5px -3px rgba(127, 255, 170, .6)
}

.detail .periphery .bus-info .ls {
	padding-bottom: 5rpx;
	overflow: hidden
}

.detail .periphery .bus-info .name {
	width: 140rpx;
	text-align: justify;
	float: left
}

.detail .periphery .bus-info .name .one, .detail .periphery .bus-info .name .two
	{
	display: inline-block;
	width: 14rpx;
}

.detail .periphery .bus-info .name .one {
	width: 55rpx;
}

.detail .periphery .bus-info .con {
	display: block;
	padding-left: 140rpx;
	color: #666
}

.detail .periphery .bus-info .trip-info {
	margin: 30rpx auto 0
}

.detail .trip-header {
	height: 104rpx;
	width: 100%;
	position: fixed;
	top: 88rpx;
	font-size: 28rpx;
	color: #666;
	line-height: 104rpx;
	text-align: center;
	z-index: 9;
	background: #fff
}

.detail .trip-header .tit-ls {
	margin: 0;
	padding: 0 30rpx
}

.detail .list-con .icon-booking-notice, .detail .list-con .icon-cost,
	.detail .list-con .icon-ownpay {
	font-size: 60rpx;
	background: #00d370;
	color: transparent;
	-webkit-background-clip: text;
	text-shadow: 1px 2px 6px rgba(127, 255, 170, .6);
	-webkit-text-shadow: 1px 2px 6px rgba(127, 255, 170, .6);
	margin-right: 8rpx;
}

.detail .list-con .icon-booking-notice {
	margin-left: 12rpx !important;
	margin-right: 22rpx;
	font-size: 34rpx;
}

.detail .list-con .icon-fujiafeiyong, .detail .list-con .icon-wendang {
	font-size: 35rpx;
	padding-left: 10rpx
}

.detail .list-con .icon-buyinfo, .detail .list-con .icon-visainfo {
	font-size: 40rpx;
	background: #00d370;
	color: transparent;
	-webkit-background-clip: text;
	text-shadow: 1px 2px 6px rgba(127, 255, 170, .6);
	-webkit-text-shadow: 1px 2px 6px rgba(127, 255, 170, .6);
	margin: 0 18rpx 0 5rpx;
}

.detail .list-con .icon-right {
	text-shadow: none;
	-webkit-text-shadow: none
}

.detail .list-con .icon-visainfo {
	margin-left: 6rpx !important;
	font-size: 45rpx;
	margin-right: 15rpx;
}

.back-top {
	background: rgba(0, 0, 0, .5);
	color: #fff;
	width: 88rpx;
	height: 88rpx;
	border-radius: 50%;
	overflow: hidden;
	position: fixed;
	z-index: 9;
	bottom: 150rpx;
	right: 50rpx;
	text-align: center;
	line-height: 88rpx;
	font-size: 70rpx
}

.img-view {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: rgba(0, 0, 0, .8);
	z-index: 111;
	color: #fff
}

.img-view .content {
	position: relative
}

.img-view .close-btn {
	position: absolute;
	top: 10rpx;
	right: 0;
	padding: 25rpx
}

.img-view .close-btn .iconfont {
	font-size: 40rpx;
	color: #fff
}

.img-view .num {
	position: absolute;
	width: 100%;
	top: 50rpx;
	text-align: center
}

.img-view .num span {
	display: inline-block;
	height: 60rpx;
	line-height: 60rpx;
	border-radius: 30rpx;
	background: rgba(0, 0, 0, .5);
	padding: 0 50rpx;
}

.img-view .num span em {
	font-size: 28rpx;
	padding: 0 20rpx;
	line-height: 60rpx;
}

.img-view .box {
	padding-top: 150rpx;
	overflow: hidden;
	text-align: center;
	vertical-align: middle
}

.img-view .box li {
	overflow: hidden
}

.img-view .box img {
	max-height: 100%;
	max-width: 100%
}

#historywrapper {
	padding-left: 60rpx;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	height: 90%
}

.common-view .white-topbar {
	background: #e5e5e5
}

.common-view .white-topbar .back {
	padding-left: 35rpx;
}

.history-view {
	position: fixed;
	right: -400rpx;
	top: 0;
	width: 400rpx;
	height: 100%;
	z-index: 102;
	background: #e5e5e5;
	overflow: hidden
}

.history-view .white-topbar {
	position: static
}

.history-view .white-topbar .title {
	padding: 0 120rpx
}

.history-view .title h1 {
	font-size: 30rpx
}

.history-view .history-none {
	text-align: center;
	font-size: 24rpx;
	color: #999
}

.history-view .history-none .top {
	padding-top: 380rpx;
	background: (~@/components/cruise/images/history-none.png) no-repeat bottom center;
	background-size: 172rpx auto
}

.history-view .history-none p {
	padding: 35rpx 60rpx 0 0
}

.history-view .history-login {
	text-align: center
}

.history-view .history-login .top {
	padding-top: 330rpx;
    /*background: (~@/components/cruise/images/default-photo.png) no-repeat bottom center;*/
	background-size: 152rpx auto
}

.history-view .history-login p {
	font-size: 24rpx;
	color: #999;
	padding: 35rpx 0
}

.history-view .history-login .red-btn {
	color: #fff;
	font-size: 32rpx;
	background: -webkit-linear-gradient(30deg, #11998e, #38ef7d);
	background: -o-linear-gradient(30deg, #11998e, #38ef7d);
	background: linear-gradient(30deg, #11998e, #38ef7d);
	box-shadow: 0 6px 5px -3px rgba(127, 255, 170, .6);
	-webkit-box-shadow: 0 6px 5px -3px rgba(127, 255, 170, .6);
	display: inline-block;
	line-height: 84rpx;
	padding: 0 120rpx;
	border-radius: 10rpx
}

.history-view .part {
	float: left;
	margin-right: 25rpx;
	border-radius: 10rpx;
	overflow: hidden;
	background: #fff;
	width: 280rpx;
	color: #666;
	font-size: 24rpx;
	margin-bottom: 20rpx
}

.history-view .part .txt {
	padding: 0 20rpx 30rpx
}

.history-view .part .text {
	line-height: 30rpx;
	padding-bottom: 18rpx;
}

.history-view .part a {
	color: #666
}

.history-view .part .bot {
	padding-top: 25rpx;
	text-align: center;
	color: #11998e
}

.history-view .part .bot em {
	color: #666;
	position: relative;
	top: -2rpx
}

.history-view .part .bot i {
	font-size: 30rpx;
	margin: 0 5rpx;
}

.history-view .part .tit {
	text-align: center
}

.history-view .part .tit span {
	display: inline-block;
	border: 1px solid #DDD;
	padding: 0 20rpx 2rpx 18rpx;
	line-height: 38rpx;
	height: 35rpx;
	border-radius: 17rpx;
	position: relative;
	top: -20rpx;
	background: #fff
}

.history-view .part .tit .iconfont {
	margin-right: 5rpx;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#0f544f), to(#11998e));
	color: transparent;
	-webkit-background-clip: text;
	text-shadow: 1px 2px 6px rgba(127, 255, 170, .6);
	-webkit-text-shadow: 1px 2px 6px rgba(127, 255, 170, .6)
}

.history-view img {
	width: 100%;
	height: 220rpx;
	display: block;
	box-sizing: border-box;
	vertical-align: middle
}

.history-view .close-btn {
	width: 58rpx;
	height: 58rpx;
	background: rgba(0, 0, 0, .5);
	border-radius: 50%;
	color: #fff;
	font-size: 60rpx;
	text-align: center;
	line-height: 58rpx;
	display: inline-block
}

.history-view .content {
	padding-bottom: 30rpx
}

.detail-content {
    background-color: #ddd;
}

.detail-content .detail .trip-header, .detail-content .detail .white-topbar {
	position: fixed;
	right: 0
}

.detail-content .detail footer {
	right: 0
}

.detail-content .detail .wrapper-scroll {
	height: auto;
	overflow: visible
}

.detail-content .back-top {
	position: fixed;
	right: 25rpx;
}

.detail-content #wrapper .wrapper-scroll {
	right: 0
}

.detail-content .history-view {
	display: block;
	right: -400rpx;
}

.detail-content.left .detail .trip-header, .detail-content.left .detail .white-topbar
	{
	position: fixed;
	right: 400rpx;
}

.detail-content.left .detail footer {
	right: 400rpx
}

.detail-content.left .detail .wrapper-scroll {
	overflow: hidden
}

.detail-content.left .back-top {
	position: fixed;
	right: 400rpx
}

.detail-content.left #wrapper .wrapper-scroll {
	right: 400rpx
}

.detail-content.left .history-view {
	right: 0
}

.detail-content #wrapper .wrapper-scroll, .detail-content .back-top,
	.detail-content .detail .trip-header, .detail-content .detail .white-topbar,
	.detail-content .detail footer, .detail-content .history-view,
	.detail-content.left #wrapper .wrapper-scroll, .detail-content.left .back-top,
	.detail-content.left .detail .trip-header, .detail-content.left .detail .white-topbar,
	.detail-content.left .detail footer, .detail-content.left .history-view
	{
	transition: right .2s;
	-webkit-transition: right .2s
}

.detail .white-topbar.none {
	background: 0 0
}

.detail .white-topbar.none .con:after {
	border-color: rgba(221, 221, 221, 0)
}

.detail .white-topbar.none .title h1 {
	font-size: 0
}

.detail .white-topbar.bg-gradient {
	background: #fff
}

.detail .white-topbar.bg-gradient .con:after {
	border-color: #DDD
}

.detail .white-topbar.bg-gradient .con .iconfont {
	color: #00d370;
	background: 0 0
}

.detail .white-topbar.bg-gradient .title h1 {
	font-size: 36rpx
}

.detail footer .iconfont {
	position: relative;
	top: -2px
}

.over-scroll-x {
	display: inline-block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	overflow-x: auto
}

.over-scroll-x::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
	background: 0 0
}

.linereviews {
	display: block;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	background-color: #f0f0f0
}

.linereviews .linereviews-scroller {
	display: block;
	width: 100%;
	box-sizing: border-box
}

.linereviews .comment {
	margin-bottom: 0
}

.hd {
	height: 88rpx;
	background-color: #fff;
	line-height: 88rpx;
	text-align: center;
	border-bottom: 1px solid #ddd;
	position: relative;
	z-index: 99;
	font-size: 34rpx;
}

.hd .back {
	position: absolute;
	left: 0;
	padding-left: 18rpx;
}

.hd .back .icon-back {
	font-size: 60rpx;
	color: #ff4f5d
}

.buynotice .icon .iconfont {
	top: -3rpx;
}

.detail .wrapper-scroll {
	width: 100%
}

body {
	overflow-x: hidden
}

.img-view .swiper-pagination {
	text-align: center;
	position: relative;
	top: 40rpx;
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	margin-left: -21px;
	margin-top: -21px;
	background: (~@/components/cruise/images/preload.gif) no-repeat center;
	background-size: auto 100%
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative
}

.buynoticepage {
	background-color: #f0f0f0;
	width: 100%;
	overflow: hidden;
	min-height: 100%
}

.buynotice {
	padding-bottom: 40rpx;
}

.buynotice .booknotice .icon-toubaoxuzhi-copy {
	font-size: 28rpx;
	padding-left: 10rpx;
	padding-right: 10rpx;
	vertical-align: top
}

.buynotice .disnone {
	display: none
}

.buynotice .iconfont {
	color: #0f544f;
	font-size: 50rpx;
	position: relative;
	top: 5rpx;
}

.buynotice .icon-top {
	color: #d0d0d0;
	font-size: 25rpx;
}

.buynotice .editorcon {
	width: 640rpx;
	margin: 0 auto;
	padding-bottom: 20rpx;
	padding-top: 30rpx;
	line-height: 45rpx;
	color: #666;
	font-size: 28rpx
}

.buynotice .editorcon img {
	width: 100%
}

.buynotice .icon {
	color: #676767;
	font-size: 28rpx;
	width: 64rpx;
	margin: 0 auto;
	height: 112rpx;
	line-height: 112rpx;
	overflow: hidden
}

.buynotice .buynoticecon {
	width: 710rpx;
	background-color: #fff;
	margin: 0 auto;
	border-radius: 10rpx;
	overflow: hidden
}

.buynotice .buynoticecon .icon-bottom, .buynotice .buynoticecon .icon-top
	{
	color: #d0d0d0;
	font-size: 25rpx;
	text-shadow: none;
	background: 0 0
}

.buynotice .mt20 {
	margin-top: 20rpx
}

.buynotice .shop {
	background-color: #fff;
	padding-top: 10rpx;
	padding-bottom: 40rpx;
	border-top: 6rpx solid #fa6767;
	border-radius: 10rpx;
	position: relative;
	margin-top: 560rpx
}

.buynotice .shoppre {
	width: 180rpx;
	position: relative;
	text-align: right;
	color: #999
}

.buynotice .shopafter {
	width: 485rpx;
	color: #676767;
	line-height: 30rpx;
	text-align: justify
}

.buynotice .shopline {
	overflow: hidden;
	font-size: 28rpx;
	padding-top: 30rpx
}

.buynotice .dian {
	width: 5rpx;
	height: 5rpx;
	border-radius: 50%;
	background-color: #fa6767;
	display: inline-block;
	position: absolute;
	left: 20rpx;
	top: 10rpx;
}

.buynotice .zione {
	margin-right: 56.6rpx
}

.buynotice .thone, .buynotice .thtwo {
	margin-right: 14rpx
}

.purchase {
	background-color: #f0f0f0;
	padding-top: 20rpx
}

.purchase:last-child {
	padding-bottom: 4rpx
}

.purchase .iconfont {
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#0f544f), to(#11998e));
	color: transparent;
	-webkit-background-clip: text;
	-webkit-text-shadow: 1px 2px 6px rgba(127, 255, 170, .6);
	font-size: 50rpx;
	position: relative;
	top: 5rpx
}

.purchase .icon {
	color: #676767;
	font-size: 30rpx;
	width: 640rpx;
	margin: 0 auto;
	height: 112rpx;
	line-height: 112rpx;
	overflow: hidden
}

.purchase .icon-top {
	color: #d0d0d0;
	font-size: 25rpx;
}

.purchase .shopafter {
	width: 485rpx;
	color: #676767;
	line-height: 30rpx;
	text-align: justify
}

#j-purchase-wrapper {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.shoppinginformation {
	width: 710rpx;
	overflow: hidden;
	background-color: #f0f0f0;
	padding: 0 20rpx 20rpx;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

.shoppinginformation .shop .icon-ownpay {
	width: 75rpx;
	height: 75rpx;
	display: block;
	border: 4rpx solid #fa6767;
	border-radius: 50%;
	font-size: 60rpx;
	color: #fa6767;
	text-align: center;
	position: absolute;
	line-height: 75rpx;
	top: -45rpx;
	left: 50%;
	margin-left: -37.5rpx;
	background-color: #fff
}

.shoppinginformation .ownitem .shop .icon-ownpay {
	width: 75rpx;
	height: 75rpx;
	display: block;
	border: 4rpx solid #fa6767;
	border-radius: 50%;
	font-size: 60rpx;
	color: #fa6767;
	text-align: center;
	position: absolute;
	line-height: 75rpx;
	top: -45rpx;
	left: 630rpx;
	margin-left: -37.5rpx;
	background-color: #fff
}

.shoppinginformation .shoppingcon {
	margin: 0 auto;
	-webkit-tap-highlight-color: transparent;
	width: 100%;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	overflow: hidden
}

.shoppinginformation .shoplist {
	overflow: hidden;
	padding-bottom: 40rpx;
}

.shoppinginformation .shop {
	background-color: #fff;
	padding-top: 10rpx;
	padding-bottom: 40rpx;
	border-radius: 10rpx;
	position: relative;
	margin-top: 56rpx;
}

.shoppinginformation .shoppingcon .icon-shopping {
	width: 75rpx;
	height: 75rpx;
	display: block;
	border: 4rpx solid #fa6767;
	border-radius: 50%;
	font-size: 60rpx;
	color: #fa6767;
	text-align: center;
	position: absolute;
	line-height: 75rpx;
	top: -45rpx;
	right: 39rpx;
	background-color: #fff
}

.shoppinginformation .shoppre {
	width: 165rpx;
	position: relative;
	text-align: right;
	color: #999;
	line-height: 45rpx;
	padding-right: 10rpx;
}

.shoppinginformation .shopafter {
	width: 50rpx;
	color: #676767;
	line-height: 45rpx;
	text-align: justify
}

.shoppinginformation .shopline {
	overflow: hidden;
	font-size: 28rpx;
	padding-top: 30rpx
}

.shoppinginformation .dian {
	width: 10rpx;
	height: 10rpx;
	border-radius: 50%;
	background-color: #fa6767;
	display: inline-block;
	position: absolute;
	left: 25rpx;
	top: 15rpx;
}

.shoppinginformation .zione {
	margin-right: 56.6rpx;
}

.shoppinginformation .thone, .shoppinginformation .thtwo {
	margin-right: 14rpx;
}

.shoppinginformation .mt20 {
	margin-top: 20rpx;
}

.shoppinginformation .icon-bus {
	width: 75rpx;
	height: 75rpx;
	display: block;
	background: -webkit-linear-gradient(30deg, #11998e, #38ef7d);
	background: -o-linear-gradient(30deg, #11998e, #38ef7d);
	background: linear-gradient(30deg, #11998e, #38ef7d);
	box-shadow: 0 6px 5px -3px rgba(127, 255, 170, .6);
	-webkit-box-shadow: 0 6px 5px -3px rgba(127, 255, 170, .6);
	border-radius: 50%;
	font-size: 60rpx;
	color: #fff;
	text-align: center;
	position: absolute;
	line-height: 75rpx;
	top: -45rpx;
	right: 50%;
	background-color: #fff;
	margin-right: -40rpx;
}

.shopdatas {
	padding-top: 50rpx;
	font-size: 28rpx;
	color: #999;
	padding-left: 30rpx;
	padding-right: 30rpx;
	padding-bottom: 50rpx;
	width: 650rpx;
	height: 1000rpx;
	overflow-y: auto;
	-webkit-overflow-scrolling: auto
}

.J-router-ownitem {
	background-color: #f0f0f0
}

.J-router-traveldetail {
	background-color: #f7f7f7
}

.J-router-traveldetail header {
	text-align: center;
	height: 88rpx;
	line-height: 88rpx;
	border-bottom: 1px solid #ddd;
	position: relative;
	top: 0;
	left: 0;
	color: #666;
	font-size: 36rpx;
}

.J-router-traveldetail .dropdown {
	width: 750rpx;
	position: relative;
	top: 0;
	left: 0;
	z-index: 101
}

.J-router-traveldetail .ondays {
	display: block;
	position: absolute;
	border-radius: 100rpx;
	color: #fefefe;
	font-size: 28rpx;
	width: 222rpx;
	height: 56rpx;
	line-height: 58rpx;
	top: 22rpx;
	left: 50%;
	margin-left: -104.5rpx
}

.J-router-traveldetail #ondays {
	display: block;
	width: 210rpx;
	height: 55rpx;
	position: absolute;
	left: 0;
	top: 0
}

.J-router-traveldetail .days {
	position: relative;
	top: -1500rpx;
	bottom: 40rpx;
	z-index: 9;
	width: 100%;
	overflow: hidden;
	transition: top .2s;
	-webkit-transition: top .2s;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding-top: 100rpx;
	height: 1100rpx;
	opacity: .9
}

.J-router-traveldetail .days::-webkit-scrollbar {
	display: none
}

.J-router-traveldetail .days.hover {
	top: 0
}

.J-router-traveldetail .ondays {
	background: -webkit-linear-gradient(30deg, #11998e, #38ef7d);
	background: -o-linear-gradient(30deg, #11998e, #38ef7d);
	background: linear-gradient(30deg, #11998e, #38ef7d);
	box-shadow: 0 6px 5px -3px rgba(127, 255, 170, .6);
	-webkit-box-shadow: 0 6px 5px -3px rgba(127, 255, 170, .6);
}

.J-router-traveldetail .days {
	/**
	background: -webkit-linear-gradient(30deg, rgba(255, 26, 98, .8), rgba(255, 116, 90, .8));
	background: -o-linear-gradient(30deg, rgba(255, 26, 98, .8), rgba(255, 116, 90, .8));
	background: linear-gradient(30deg, rgba(255, 26, 98, .8), rgba(255, 116, 90, .8));
	*/

}

.J-router-traveldetail #j-drop-wrappe #j-t-wrapper-china {
	position: relative;
	top: 0;
	bottom: 0;
	z-index: 9;
	width: 100%;
	overflow: hidden;
	display: none
}

.J-router-traveldetail #j-t-scroller-china {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: transparent;
	width: 100%;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	overflow: hidden;
}

.J-router-traveldetail #j-t-scroller {
	position: absolute;
	z-index: 1;
	width: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.J-router-traveldetail #j-t-scroller::-webkit-scrollbar {
	display: none;
}

.J-router-traveldetail #t-wrapper, .J-router-traveldetail #t-wrapper-china {
	/**position: absolute;
	top: 88rpx;*/
	z-index: 1;
	left: 0;
	bottom: 20rpx;
	width: 100%;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
    background-color: #fff;
}

.J-router-traveldetail #t-scroller, .J-router-traveldetail #t-scroller-china {
	-webkit-tap-highlight-color: transparent;
	width: 100%;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	overflow: hidden;
}

.J-router-traveldetail #t-wrapper-china.t-wrapper-scroll,
	.J-router-traveldetail #t-wrapper.t-wrapper-scroll {
	overflow: hidden
}

.J-router-traveldetail .daynumber {
	width: 49rpx;
	height: 49rpx;
	background-color: #fff;
	border-radius: 49rpx;
	display: inline-block;
	text-align: center;
	line-height: 53rpx;
	font-size: 28rpx;
	color: #ff6767;
	margin-right: 12rpx;
	margin-left: 10rpx;
	vertical-align: middle
}

.J-router-traveldetail .xiala {
	width: 30rpx;
	height: 30rpx;
	display: inline-block;
	background-image: (~@/components/cruise/images/xiala.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	top: 12rpx;
	right: 17rpx;
	position: absolute;
}

.J-router-traveldetail .onday {
	font-size: 24rpx;
	color: #fff;
	display: block;
	text-align: center;
	padding-top: 35rpx;
	padding-bottom: 15rpx;
	overflow: hidden;
}

.J-router-traveldetail .startadr {
	width: 320rpx;
	text-align: right;
}

.J-router-traveldetail .arriveadr {
	width: 333rpx;
	float: right;
	text-align: left;
}

.J-router-traveldetail .ondayscon li {
	display: block;
	overflow: hidden;
}

.J-router-traveldetail .travelistone {
	margin: 0 auto;
	background-color: #fff;
	text-align: center;
	padding-top: 10rpx;
	padding-bottom: 5rpx;
}

.J-router-traveldetail .travelistone .traveltop{
    height: 166rpx;
}

.J-router-traveldetail .travelistone .travel-left{
    float: left;
    width: 110rpx;
    height: 166rpx;
}

.J-router-traveldetail .travelistone .travel-right{
    margin-left:96rpx;
    padding-right: 24rpx;
}

.J-router-traveldetail .daytitle {
	height: 66rpx;
    line-height: 66rpx;
}

.J-router-traveldetail .ellipse {
	border-radius: 50%;
	background: #00d370;
	-webkit-box-shadow: 0 6px 5px -3px rgba(127, 255, 170, .6);
	width: 70rpx;
	height: 70rpx;
	position: relative;
	display: block;
	left: 20rpx;
    top: 40rpx;
}

.J-router-traveldetail .ellipse i{
	color:#FFFFFF;
	width: 45rpx;
	height: 45rpx;
	line-height: 45rpx;
	position: relative;
    font-size: 40rpx;
}

.J-router-traveldetail .traveltop .word{
    font-size: 20rpx;
    color: #ccc;
    position: relative;
    top: 35rpx;
}

.J-router-traveldetail .theday {
	color: #11998e;
	font-size: 28rpx;
	position: relative;
	top: 40rpx;
	left: 100rpx;
	display: block;
}

.J-router-traveldetail .place {
	overflow: hidden;
	height: 66rpx;
    line-height: 66rpx;
}

.J-router-traveldetail .startp {
	font-size: 32rpx;
    font-weight: 700;
	color: #333;
	height: 70rpx;
	line-height: 70rpx;
}

.J-router-traveldetail .arrivep {
	font-size: 28rpx;
	color: #666;
	height: 50rpx;
	line-height: 50rpx;
	background-color: #f7f7f7;
	border-radius: 0 50rpx 50rpx 0;
	padding-right: 30rpx;
}

.J-router-traveldetail .placeout {
	position: relative
}

.J-router-traveldetail .imgs {
	height: 280rpx;
	width: 750rpx
}

.J-router-traveldetail .breakfast {
	font-size: 30rpx;
	color: #888;
	margin-right: 10rpx;
	display: inline-block;
	vertical-align: top
}

.J-router-traveldetail .breakcon .lunch{
    margin-right: 6rpx;
    width: 60rpx;
    display: inline-block;
}

.J-router-traveldetail .dinner {
	font-size: 30rpx;
	color: #888;
	text-align: left;
	padding-left: 0rpx;
	overflow: hidden;
	line-height: 39rpx;
	height: 60rpx;
}

.J-router-traveldetail .hotel {
	overflow: hidden
}

.J-router-traveldetail .breakcon {
	float: left;
	padding: 7rpx 10rpx;
	padding-right: 50rpx;
}

.J-router-traveldetail .jiudiancon {
	width: 200rpx;
	float: left;
	padding: 6rpx 0 10rpx;
}

.J-router-traveldetail .traveldec {
    clear: both;
	font-size: 30rpx;
	color: #5C5F66;
	border-top: 1px #ddd dashed;
	text-align: justify;
	line-height: 45rpx;
    margin: 10rpx 20rpx;
    padding: 6rpx 0;
}

.J-router-traveldetail .slideimg {
	width: 100%;
	margin-bottom: 5px;
}

.J-router-traveldetail .swiper-slide p {
	position: absolute;
	text-align: center;
	top: 124rpx;
	width: 100%;
	font-size: 28rpx;
	color: #fff;
	left: 0;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .44)
}

.J-router-traveldetail .startdiv {
	width: 330rpx;
	float: left
}

.J-router-traveldetail .arrivediv {
	width: 310rpx;
	float: left
}

.J-router-traveldetail .traveldetail .icon-calendar {
	font-size: 32rpx;
	color: #fff;
	padding-right: 22rpx;
	margin-left: 20rpx;
}

.J-router-traveldetail .ellipse .icon-calendar {
	font-size: 30rpx;
	color: #fff;
	margin-left: 13rpx;
	line-height: 55rpx;
	position: absolute
}

.J-router-traveldetail .place .iconfont {
	background: #00d370;
	color: transparent;
	-webkit-background-clip: text;
	font-size: 40rpx;
	width: 65rpx;
	height: 50rpx;
	line-height: 50rpx;
	padding-right: 5rpx;
	padding-left: 5rpx;
}

.J-router-traveldetail .icon-vehicle-1, .J-router-traveldetail .icon-vehicle-2,
	.J-router-traveldetail .icon-vehicle-3, .J-router-traveldetail .icon-vehicle-4,
	.J-router-traveldetail .icon-vehicle-5 {
	color: #fff;
	padding-right: 10rpx;
	padding-left: 10rpx;
}

.J-router-traveldetail .traveldetail .dinner .iconfont {
	background: #00d370;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 40rpx;
	vertical-align: middle;
	width: 50rpx;
	text-align: center;
	color: #0c9e92;
    position: relative;
    top: 0px;
}

.J-router-traveldetail body {
	overflow: hidden
}

.J-router-traveldetail .swiper-container {
	position: relative;
	overflow: hidden;
	z-index: 1
}

.J-router-traveldetail .mt20 {
	margin-top: 20rpx;
}

.J-router-traveldetail .swiper-container-android .swiper-slide,
	.J-router-traveldetail .swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.J-router-traveldetail .swiper-container-multirow>.swiper-wrapper {
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

.J-router-traveldetail .swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.J-router-traveldetail .swiper-slide {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative
}

.J-router-traveldetail .swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.J-router-traveldetail .line {
	background-image: (~@/components/cruise/images/line.png?v=20170317);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 10rpx 93%
}

.J-router-traveldetail .ml10 {
	margin-left: 10rpx;
}

.J-router-traveldetail .placecontent {
	display: inline-block;
	padding-left: 5rpx;
	border-radius: 60rpx;
	text-align: left;
    max-width: 540rpx;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.J-router-traveldetail .showday {
	padding-right: 5rpx;
}

.J-router-traveldetail .ml30 {
	margin-left: 30rpx;
}

.J-router-traveldetail .timeon {
	color: #666;
	font-size: 24rpx;
}

.J-router-traveldetail .timeline {
	display: inline-block;
	width: 50rpx;
	height: 1px;
	background-color: #666;
	vertical-align: super;
	margin-left: 2rpx;
}

#j-purchase-wrapper img {
	min-height: 300px
}

section.com-box .list-con .price-more{
	background:#e7e7e7;
	cursor:pointer;
	text-align:center;
	height:35px;
	line-height:35px;
	margin-top: 2rpx;
	margin-bottom: 2rpx;
	font-size: 26rpx;
	border-radius: 0 0 1rpx 1rpx;
}

section.com-box .list-con .price-note{
	font-size: 22rpx;
	color: orangered;
}

/*遮罩样式\*/
.bgOverlay {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #C4C4C4;
	z-index: 1001;
	-moz-opacity: 0.6;
	opacity: .60;
	filter: alpha(opacity = 60);
}

.description-info {
	background-color: white;
	margin-bottom: 10rpx;
}

.list-con a label.title {
    font-weight: bold;
    font-size: 29rpx;
    letter-spacing:2rpx;
}

.list-con #schedule.tl{
	text-align: left;
}

.list-con #schedule label.title {
    font-weight: bold;
    font-size: 29rpx;
    letter-spacing:2rpx;
}

.list-con a.tl{
	text-align: left;
}

.title-left{
    background: (~@/components/cruise/images/title-left.png);
    width: 100rpx;
    height: 30px;
}

.title-right{
    background: (~@/components/cruise/images/title-right.png);
    width: 100rpx;
    height: 30px;
}

header .more-hits {
	padding-right: 10px;
	color: #ccc;
	font-size: 25rpx!important;
}

.myicon-right:before {
	content: "\e721";
}

.myicon-close {
	background: orangered!important;
	-webkit-background-clip: text!important;
	-webkit-text-fill-color: transparent!important;
}

.icon-right-2:before {
	content: "\e82b";
    background: #28bf7b!important;
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important;
}

.icon-close-2:before {
	content: "\e82a";
	background: orangered!important;
	-webkit-background-clip: text!important;
	-webkit-text-fill-color: transparent!important;
}

.icon-right-4:before {
	content: "\ebe6";
}

.icon-close-4:before {
	content: "\e656";
}

.icon-right-5:before {
	content: "\e645";
}

.icon-close-5:before {
	content: "\e657";
}


#cmsFile li{margin:0;padding:2px;list-style:inside decimal;}
#cmsFile .routePhotoItem{cursor:pointer;}
#cmsFile .routePhotoItem a{color: #666!important;}
#cmsFile .routePhotoItem a:hover{text-decoration:underline;padding: 2px 0; color:blue}


/* =========================================
	〇 以下是新内容
========================================= */
.info_box_b {
	background-color: #FFFFF;
	min-height:56px;
	height: auto;
	margin: 10rpx;
	margin-bottom: 12rpx;
	border-radius: 6px;
	border-style: solid;
	border-width:3px;
	border-color: #0068b7;
}

.info_box_o {
	background-color: #fff;
	min-height:80px;
	height: auto;
	margin-bottom: 12rpx;
	border-radius: 12rpx;
	border-style: solid;
	border-width: 4rpx;
	border-color: #f8b551;
}

.info_box_g {
	background-color: #fff;
	min-height:80px;
	height: auto;
	margin-bottom: 12rpx;
	border-radius: 12rpx;
	border-style: solid;
	border-width: 4rpx;
	border-color: #28bf7b;
}

.info_box_r {
	background-color: #FFFFFf;
	min-height:80px;
	height: auto;
	border-radius: 12rpx;
	border-style: dashed;
	border-width:2px;
	border-color: #000000;
    height: 60rpx;
    line-height: 60rpx;
}

.info-box-head {
    height: 36px;
    line-height: 36px;
}

.info_f_squre_o{
	float: left;
	background-color: #f8b551;
	width: 33%;
	margin-bottom: 12rpx;
    height: 60rpx;
    line-height: 60rpx;
}

.info_f_squre_g{
	float: left;
	background-color: #28bf7b;
	width: 33%;
	margin-bottom: 12rpx;
    height: 60rpx;
    line-height: 60rpx;
}

.info_b_squre{
	float: left;
	background-color: #cccccc;
	width: 67%;
	margin-bottom: 12rpx;
    height: 60rpx;
    line-height: 60rpx;
}

.infox_p_box{
	margin: 12rpx;
	padding: 12rpx;
	background-color: #FFFFF;
	height: auto;
}

.message{
	color: #FFFFFF;
	font-size: 16px;
	margin-left: 4rpx;
	font-weight: bold;
}

.b_message{
	color: #6a6a6a;
	font-size: 16px;
	text-align: center;
    letter-spacing: 2rpx;
}

.info_paragraph{
	color: $#2e0505;
}

.info_frame{
	background-color: #FFFFFF;
	min-height: 64px;
	height: auto;
}

.info_date{
	margin-top: 28rpx;
	width:20%;
	height: 100%;
	float:left;
	text-align: center;
}

.info_date_place_up{
	/*background-color: #5555ff;*/
	width:80%;
	height: 40rpx;
	margin-top: 15rpx;
	float:left;

}

.info_date_place_down{
	/*background-color: #5555ff;*/
	font-size: 12px;
	width:80%;
	height: auto;
	float:left;
}

.info_date_message{
	padding: 20rpx;
	padding-top: 20rpx;
}

